<template>
  <div class="sy">
    <div class="gdsuyaf" v-for="(item,index) in gdsfya">
      <div><img class="sdyart" :src=item.img /></div>
      <div class="dsjgauy">
        <div class="sagdyut1">
          <div>{{item.hospitalname}}</div>
          <div></div>
          <div class="dusag">{{item.occupation}}</div>
        </div>
        <div class="sagdyut2">{{item.location}}</div>
        <div class="sagdyut">
          <div>{{item.level}}</div>
          <div class="ggdsayugdi">{{item.productnum}}项目</div>
          <div class="ggdsayugdi1">|</div>
          <div class="ggdsayugdi2">{{item.appointment}}预约</div>
        </div>
        <div class="sagdyutdsua">
          {{item.begoodat[0]}}丶
          {{item.begoodat[1]}}丶
          {{item.begoodat[2]}}丶
          {{item.begoodat[3]}}丶
          {{item.begoodat[4]}}丶
          {{item.begoodat[5]}}丶
          {{item.begoodat[6]}}丶
          {{item.begoodat[7]}}丶
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import {searchresultdoctor } from '@/api/search';
import { ref } from 'vue';
let gdsfya=ref([])
searchresultdoctor().then((a)=>{
    // console.log(a);
    a.data.data.forEach(qwe => {
      // console.log(qwe);
      gdsfya.value.unshift(qwe);
    });
    
  })
</script>

<style scoped>
.sy{background-color: #f5f2ef;}
.sdyart{width: 50px;height: 50px;top: 15px;}
.gdsuyaf{display: flex;height: 150px;background-color: #ffffff;margin: 10px 20px;top: 10px;}
.sagdyut{margin-top: 5px;margin-left: 10px;font-size: 12px;display: flex;}
.sagdyut1{margin-top: 20px;display: flex;}
.sagdyut1 div{margin-left: 10px;}
.dusag{font-size: 12px;line-height: 25px;}
.sagdyut2{font-size: 12px;margin-left: 10px;}
.ggdsayugdi{margin-left: 10px;}
.ggdsayugdi1{margin-left: 5px;font-size: 18px;bottom: 6px;}
.ggdsayugdi2{margin-left: 5px;}
.sagdyutdsua{margin-top: 5px;margin-left: 10px;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 280px;}
</style>
